// 一、进入页面,获取用户基本信息
// 1.1 调用函数
function userGetUserInfo() {
    getUserInfo(res => {
        // console.log(res);
        // 1.2 解构出需要的数据
        const { id, username, nickname, email } = res.data.data;
        // 1.3 赋值给响应的表单
        $('input[name=username]').val(username)
        $('input[name=nickname]').val(nickname)
        $('input[name=email]').val(email)
        $('input[name=id]').val(id)
    })
}
userGetUserInfo()

// 二、获取用户输入的信息
// 2.1 给修改按钮注册点击事件
$('.layui-form').on('submit', e => {
    // 2.2 阻止表单默认跳转
    e.preventDefault();
    // 2.3 获取值
    const dataObj = {
        nickname: $('input[name=nickname]').val(),
        email: $('input[name=email]').val(),
        id: $('input[name=id]').val()
    };

    // 2.4 拼接字符串以及 发送请求,修改用户名
    postUserInfo(changeFormatStr(dataObj), res => {
        // console.log(res);
        // 2.5 第一个是简写,调用父页面的请求个人信息的函数,刷新个人信息
        // parent.mygetUserInfo()
        // parent.window.mygetUserInfo()
        // window.parent.mygetUserInfo()
        window.parent.window.indexGetUserInfo()
    })
});

// 三、重置按钮点击事件
$('.my-reset').on('click', () => {
    // 1.1 点击重置,重新调用获取用户信息的函数
    userGetUserInfo()
})